import { GetAvatar } from "@/app/[language]/avatar/query/useGetAvatar"; import { useTranslations } from "next-intl"; import Card from "react-bootstrap/Card"; import CardBody from "react-bootstrap/CardBody"; import CardHeader from "react-bootstrap/CardHeader"; import scss from "@/app/[language]/avatar/components/IntroView.module.scss"; export default function IntroView({ avatar: { avatarIntro }, }: { avatar: GetAvatar; }) { const t = useTranslations(); if (!avatarIntro) { return null; } return ( <Card> <CardHeader>{t("avatarIntroText")}</CardHeader> <CardBody> <span className={scss.avatarIntro}>{avatarIntro}</span> </CardBody> </Card> ); }